<link rel="stylesheet" href="/media/css/moostyles.css" type="text/css">

<div id="framecontentLeft">
<div class="innertube">
{% include "finance/navPanel.html" %}
</div>
</div>

<div id="framecontentTop">
<div class="innertube">

<h1>Finance Manager</h1>
<h3>Monthly Spending</h3>

</div>
</div>

<div id="maincontent">
<div class="innertube">

<table rules="groups">
        <tr>
            <th>Summary</th>
            <th>Weekly</th>
            <th>Monthly</th>
            <th>Yearly</th>
        </tr>
        {% for item in summary %}
        <tr>
            <td>{{ item.Name }}</td>
            <td>{{ item.WeeklyTotal }}</td>
            <td>{{ item.MonthlyTotal }}</td>
            <td>{{ item.YearlyTotal }}</td>
        </tr>
        {% endfor%}
    </table>
    <br>

{% if spending_list %}
<table rules="groups">
        <tr>
            <th>Spending</th>
            <th>Frequency</th>
            <th>Amount</th>
            <th>Weekly</th>
            <th>Monthly</th>
            <th>Yearly</th>
        </tr>
    </table>
{% endif %}

</div>
</div>
